<!DOCTYPE html>
<html lang="en" class="mainHtml">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge" /> -->
    <!-- <meta
      name="viewport"
      content="width=device-width"
    /> -->
    <!-- <meta
      name="viewport"
      content="width=device-width, initial-scale=.5, maximum-scale=1, minimum-scale=1, user-scalable=no"
    /> -->

    <title>首页</title>
    <link rel="stylesheet" href="../public/css/index.css" />
    <link rel="stylesheet" href="../public/css/for.css" />
    <link
      rel="stylesheet"
      href="../public/js/plugins/bootstrap/bootstrap-4.6.2-dist/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="../public/css/media.css" />
  </head>
  <body>
    <div class="main-container core-flex core-flex-justify-center main">
      <!-- 左侧部分 -->
      <div class="left">
        <div class="nav-container core-flex-center core-flex-column">
          <div class="icon pointer" id="nav1">
            <div class="icon-img">
              <img id="navImg1" src="../public/images/nav1.png" />
            </div>
            <div id="mainText1" class="text">首页</div>
          </div>
          <div class="icon pointer" id="nav2">
            <div class="icon-img">
              <img id="navImg2" simage.pngrc="../public/images/nav2.png" />
            </div>
            <div id="mainText2" class="text">AI问诊</div>
          </div>
          <div class="icon pointer" id="nav3">
            <div class="icon-img">
              <img id="navImg3" src="../public/images/nav3.png" />
            </div>
            <div id="mainText3" class="text">AI辅诊</div>
          </div>
          <div class="icon pointer" id="nav4">
            <div class="icon-img">
              <img id="navImg4" src="../public/images/nav4.png" />
            </div>
            <div id="mainText4" class="text">群组</div>
          </div>
          <div class="icon pointer" id="nav5">
            <div class="icon-img">
              <img id="navImg5" src="../public/images/nav6.png" />
            </div>
            <div id="mainText5" class="text">我的</div>
          </div>
        </div>
        <div class="bottom-nav-container core-flex-center core-flex-column">
          <div class="icon pointer nav5">
            <div class="icon-img">
              <img src="../public/images/nav5.png" />
            </div>
          </div>
          <div class="icon pointer myIcon">
            <div class="icon-img">
              <img src="../public/images/nav7.png" />
            </div>
          </div>
        </div>
      </div>
      <!-- 右侧部分 -->
      <div class="right">
        <!-- 顶部导航 -->
        <div class="nav core-flex-center white-color">
          <!-- <div id="content" class="pointer white-color title">
            协议
          </div> -->
          <div class="white-color title">晚上好,陈阳达</div>
          <div class="core-flex-center inputBox">
            <div class="input-group">
              <input
                type="text"
                class="form-control core-border-radius-15"
                placeholder=""
                aria-label=""
                aria-describedby="basic-addon1"
              />
            </div>
          </div>
          <div class="codeImg">
            <div class="icon-img pointer" id="code">
              <img src="../public/images/code.png" />
            </div>
          </div>
          <div class="core-flex-center">
            <div class="nav7">
              <div class="icon-img">
                <img src="../public/images/nav7.png" />
              </div>
            </div>
            <div class="arrow-down">
              <div class="icon-img core-flex-center" >
                <!-- <img src="../public/images/arrow-down.png" /> -->
                <!-- <div class="dropdown-menu" id="dropdown-toggle">
                  <a class="dropdown-item" href="#">Action</a>
                  <a class="dropdown-item" href="#">Another action</a>
                  <a class="dropdown-item" href="#">Something else here</a>
                </div> -->
                <div class="dropdown">
                  <div
                    class="btn btn-secondary dropdown-toggle"
                    id="dropdown"
                  ></div>
                  <!-- <img  src="../public/images/arrow-down.png" /> -->
                  <div class="dropdown-menu" id="dropdown-toggle">
                    <a class="dropdown-item" id="quit">退出</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 右侧具体内容 -->
        <div class="right-content">
          <div class="content" id="right-content-1">
            <iframe id="rightBlock1" src="./rightBlock1/main.html"></iframe>
          </div>
          <div class="content" id="right-content-2">
            <iframe id="rightBlock2" src="./rightBlock2/main.html"></iframe>
          </div>
          <div class="content" id="right-content-3">
            <iframe id="rightBlock3" src="./rightBlock2/main.html"></iframe>
            <!-- <iframe id="chatBlock" src="./chatBlock/main.html"></iframe> -->
          </div>
          <div class="content" id="right-content-4">44</div>
          <div class="content" id="right-content-5">
            <iframe
              id="identity"
              src="./IdentityVerification/index.html"
            ></iframe>
          </div>
        </div>
      </div>
    </div>

    <!-- Code Modal -->
    <div
      class="modal fade"
      id="codeModal"
      tabindex="-1"
      aria-labelledby="codeModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog">
        <div class="modal-content">
          <!-- <div class="modal-header">
            <h5 class="modal-title" id="codeModalLabel">二维码</h5>
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
          </div> -->
          <div class="modal-body" aria-label="Close">
            <div class="codeImg">
              <img src="../public/images/codeMax.png" />
            </div>
          </div>
          <!-- <div class="modal-footer">
            <button
              type="button"
              class="btn btn-secondary"
              data-dismiss="modal"
            >
              关闭
            </button>
          </div> -->
        </div>
      </div>
    </div>

    <!-- Content Modal -->

    <div
      class="modal fade"
      id="contentModal"
      tabindex="-2"
      aria-labelledby="contentModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="contentModalLabel">协议标题</h5>
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">协议隐私内容........</div>
          <div class="modal-footer">
            <button
              type="button"
              class="btn btn-secondary"
              data-dismiss="modal"
            >
              关闭
            </button>
          </div>
        </div>
      </div>
    </div>

    <script src="../public/js/plugins/jquery/jquery.min.js"></script>
    <script src="../public/js/plugins/bootstrap/bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
    <script src="./index.js"></script>
  </body>
</html>
